<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		#z1{
			border: 2px solid aqua;
			font-size: 1.25rem;
			background-color: #D3D3D3;
			font-weight: bolder;
			text-indent: 50px;
			text-shadow: yellow 5px 5px 10px;
			letter-spacing: 10px;//字间距
			
		}
		/* 后代选择器 */
		/* X Y 指定X内的子元素Y */
		table tr{
			border: 2px solid #00FFFF;
		}
		/* 属性选择器 */
		/* X[Y] 选择带有Y type的X元素 */
		input[type="password"]{
			border: 4px solid lightgray;
		}
		
	</style>
	<body>
		<span id="z1">ocr</span>
		<p id="z1">ocrobpd</p>
		<table border="" cellspacing="" cellpadding="">
			<tr><th>Header</th></tr>
			<tr><td>Data</td></tr>
		</table>
		<input type="password" name="" />
	</body>
</html>
